<section class="container">
    <div class="row oe_spaced">
        <h2 class="oe_slogan" style="">Invoice on Timesheets</h2>
        <h3 class="oe_slogan">Provides feature to invoice timesheet entries</h3>
    </div>
</section>

<section class="container oe_dark">
    <div class="row oe_spaced">
        <h2 class="oe_slogan" style="">Types of Invoicing</h2>
        <div class="col-md-6 text-justify mt32">
            <p class="mb32" style="margin-left:48px;">
                Create invoicable percentage.
            </p>
        </div>
        <div class="col-md-6">
            <img class="oe_picture oe_screenshot" src="screenshot-1.png">
        </div>
    </div>
</section>

<section class="container">
    <div class="row oe_spaced">
        <h2 class="oe_slogan" style="">Project Form</h2>
        <div class="col-md-6">
            <img class="oe_picture oe_screenshot" src="screenshot-2.png">
        </div>
        <div class="col-md-6">
            <p class="mt32 mb32 text-justify">
            Projects form view contains 'Tasks' and 'Allow Timesheets' boolean to have timesheet feature in project.
            </p>
        </div>
    </div>
</section>

<section class="container oe_dark">
    <div class="row oe_spaced">
        <h2 class="oe_slogan" style="">Analytic Account</h2>
        <div class="col-md-6">
            <p class="mt32">
            On creation of project its related analytic account will be created.
            </p>
        </div>
        <div class="col-md-6">
            <img class="oe_picture oe_screenshot" src="screenshot-3.png"/>
        </div>
    </div>
</section>

<section class="container">
    <div class="row oe_spaced">
        <h2 class="oe_slogan" style="">Task And Timesheet</h2>
        <div class="col-md-6">
            <img class="oe_picture oe_screenshot" src="screenshot-4.png"/>
        </div>
        <div class="col-md-6">
            <p class="mt32 text-justify">
            In task, timesheet entries will be added.
            </p>
        </div>
    </div>
</section>

<section class="container">
    <div class="row oe_spaced">
        <h2 class="oe_slogan" style="">Detailed Activities</h2>
        <div class="col-md-6">
            <img class="oe_picture oe_screenshot" src="screenshot-5.png"/>
        </div>
        <div class="col-md-6">
            <p class="mt32 text-justify">
            Lists all timesheet entries added in tasks and we can directly invoice them by clicking 'Create Invoice' button.
            </p>
        </div>
    </div>
</section>

<section class="container oe_dark">
    <div class="row oe_spaced">
        <h2 class="oe_slogan" style="">Create Invoice</h2>
        <div class="col-md-6">
            <p class="mt32">
            On click of 'Create Invoice' button a wizard will be opened and on click of 'Create Invoices' button invoice will be created.
            </p>
        </div>
        <div class="col-md-6">
            <img class="oe_picture oe_screenshot" src="screenshot-6.png"/>
        </div>
    </div>
</section>

<section class="container">
    <div class="row oe_spaced">
        <h2 class="oe_slogan" style="">Invoice</h2>
        <div class="col-md-6">
            <img class="oe_picture oe_screenshot" src="screenshot-7.png"/>
        </div>
        <div class="col-md-6">
            <p class="mt32 text-justify">
            Created invoice from timesheet entries.
            </p>
        </div>
    </div>
</section>

<section class="container oe_separator">
</section>
